<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Simple BWPM</title>
</head>
<body>
<body class="easyui-layout">
<!-- 
	<div data-options="region:'north',title:'North Title',split:true"
		style="height: 100px;"></div>
	<div
		data-options="region:'south',title:'South Title',split:true,hideCollapsedContent:false"
		style="height: 100px;"></div>
	<div data-options="region:'west',title:'Menu',split:true"
		style="width: 100px;"></div>
 -->
		
	<div data-options="region:'center',fix:true,split:true,border:false" style="background: #eee;">
		<div class="easyui-tabs" style="width: 100%;">
<!--easyui-tabs Main View begin -->
			<div title="Main View" style="padding: 0px">
				<div class="easyui-layout" data-options="fit:true" style="width:100%;height:700px;">
				
				<div   data-options="region:'center',split:true,hideCollapsedContent:false" style="width: 70%;">
			<div class="easyui-panel" data-options="title:'Search Condition',split:false" style="width: 100%;height:20%;">
			<div style="margin: 20px 0;">
				<table>
					<tr>
						<td>&nbsp;功能号：</td>
						<td><input id="funcno" name="funcno" style="width: 200px"/></td>
						<!-- 
						<td>&nbsp;客户号：</td>
						<td><input id="customno" name="customno" style="width: 200px"/></td>
						  -->
						
						<td>&nbsp;Date Time：</td>
						<td><input id='datetime_start' name='datetime_start'
							style="width: 200px" class="easyui-datetimebox" editable="false"/></td>
						<td>to</td>
						<td><input id='datetime_end' name='datetime_end'
							style="width: 200px" class="easyui-datetimebox" editable="false"/></td>
						<td><button id="queryInfo">Search</button></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="easyui-panel"
			data-options="title:'Log Records',split:false"
			style="width: 100%;height:80%;">
			<table id="dg" style="width:100%"></table>
			</div>
				</div>
				
				  <div  data-options="region:'east',split:true,hideCollapsedContent:false" style="width: 30%;">
						<div id="p1" class="easyui-panel" title="Events"
						style="width: 100%; height: 50%; background: #fafafa;"
						data-options="collapsible:true">
						<table id="traceInfo" style="width:100%"></table>
						</div>
						<div id="p2" class="easyui-panel" title="Details"
						style="width: 100%; height: 50%; background: #fafafa;"
						data-options="collapsible:true">
						<table id="attributeInfo" style="width:100%"></table>
						</div>
				  </div>
				  
				</div>
			</div>
<!--easyui-tabs Main View end -->
<!--easyui-tabs Others begin 
			<div title="Others" style="padding: 0px">others</div>
<!--easyui-tabs Others end -->
        </div>
	</div>
	
	
</body>
</body>
<link rel="stylesheet" type="text/css" href="./../resources/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="./../resources/themes/icon.css">
<link rel="stylesheet" type="text/css" href="./../resources/demo/demo.css">
<script type="text/javascript" src="./../resources/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="./../resources/js/jquery/jquery.easyui.min.js"></script>
<script type="text/javascript" src="./../resources/js/easyui/datagrid-detailview.js"></script>
<script type="text/javascript" src="./../resources/js/easyui/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="./../resources/js/customer/table.js"></script>
</html>